
<?php include 'inc/top.php';?>
<?php
// include 'inc/slideshow.php';
 ?>

<tr>

	<td style="border-top:1px dotted #999999;">

	<table border="0" width="100%" id="table4">

		<tr>
		<?php include 'inc/sidebar_left.php';?>
			<td valign="top">

				<table border="0" width="100%" id="table6">

					<tr>

						<td>
						<table width="100%" cellpadding="0" cellspacing="0"
							style="padding: 0px;">

							<tr>

								<td style="font-size: 18px; color: #1AB3EC">TRACK AND TRADE</td>

							</tr>
							<tr>
								<td align="right" style="padding-top: 5px; text-align: right">
								<table width="150" align="right">
							
								</table>
								</td>
							</tr>
							<tr>

								<td>
									<h2>Welcome</h2>
									<h3>Please input information , we will provide to you what you need</h3>
									<p style="font-size:15px">
										<b style="color:green; font-size:15px">Track & Trace</b> is the process of recording the past and present whereabouts of a shipment, as it passes through different handlers on its way to its destination, through a distribution network.<br><br>

Examples of start points might include an individual posting a letter or parcel, or a manufacturer making and dispatching a product.<br><br>

Typical applications for Track & Trace are to identify where a product was "diverted" from its intended course (parallel importing), or where a fake product was introduced.<br><br>

For postal items, it is the informal name for the international S10 standard for tracking and tracing parcels via 13-character reference numbers. The term can also more generally refer to any system for tracking shipments, such as the 18-digit Serial Shipping Container Code.<br><br>
									
									</p>
									<table>
										<tr><td colspan="3" style="color:green; font-weight:bold">TRACK & TRADE</td></tr>
										
										<tr>
											<td>
												Select :
												<select id="type_track">
													<option value='CONTAINERNUMBER'>Container no.</option>
													<option value='BLNUMBER'>Document no.</option>
													<option value='BOOKINGNUMBER'>Booking no.</option>
												</select>
											</td>
											<td>
												Type Number:
												<input type="text" id="number" />
											</td>
											<td>
												<input type="button" value="Track >" onclick="getInformation();" />
											</td>
										</tr>
									</table>
								</td>

							</tr>

							<tr>

								<td height="5"></td>

							</tr>

						</table>





						</td>

					</tr>

				</table>

				</td>

			

		</tr>

	</table>

	</td>

</tr>
			<?php
//			 include 'inc/customer_slide.php';
			 ?>
			<?php include 'inc/footer.php';?>

<tr>

	<td>&nbsp;</td>

</tr>

<tr>

	<td>&nbsp;</td>

</tr>

</table>

</body>
<!-- DC Parallax Slider CSS -->
<!--<link rel="stylesheet" type="text/css" href="css/tsc_parallax.css" />-->
<!--<link rel="stylesheet" href="jscript/nivo-slider/demo/style.css" type="text/css" media="screen" />-->
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/default/default.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/light/light.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/dark/dark.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/bar/bar.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/nivo-slider.css"
	type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css">
<style type="text/css">

#table31 td{border-radius: 4px}

</style>


<!-- DC Javascript Library -->
<!-- jQuery Library (do not call twice on same page) -->

<!-- DC Parallax Slider JS -->
<script
	src="jscript/jquery-1.11.0.min.js"></script>
<script
	src="jscript/jquery-migrate-1.2.1.min.js"></script>
<script
	type="text/javascript" src="jscript/nivo-slider/jquery.nivo.slider.js"></script>
<script
	type="text/javascript" src="jscript/content_hover.js"></script>
<link rel="stylesheet" href="jscript/reveal/reveal.css">
<script type="text/javascript" src="jscript/reveal/jquery.reveal.js"></script>
<script type="text/javascript">

        
        $(window).load(function() {
            $('#slider').nivoSlider({
            });
            $('.d1').contenthover({
                overlay_background:'#000',
                overlay_opacity:0.8
            });
            $('.d2').contenthover({
                effect:'slide',
                slide_speed:300,
                overlay_background:'#000',
                overlay_opacity:0.8
            });
            $('.d3').contenthover({
                overlay_width:270,
                overlay_height:180,
                effect:'slide',
                slide_direction:'right',
                overlay_x_position:'right',
                overlay_y_position:'center',
                overlay_background:'#000',
                overlay_opacity:0.8
            });
         // Add class for link which be choise
            var path_name = window.location.pathname;
            var path_array = path_name.split("/");
            $("#table31 a").each(function(index,value){
				if($(value).attr("href")==path_array[2]){
					$(value).removeClass("menumain");
					$(value).addClass("menumainselect");
					$(value).parent().addClass("choose");
					
				}else{
					$(value).removeClass("menumain");
					$(value).removeClass("menumainselect");
					$(value).addClass("menumain");
					$(value).parent().removeClass("choose");
				}	
            });
        });

        function getInformation(){
			var type_track = $("#type_track").val();
			var number = $("#number").val();
			if(number==""){
				alert("Vui lòng nhập Type Number");
			}else{
				window.location = "http://www.maerskline.com/sitecore/services/findroute.aspx?findtype="+type_track+"&tracknumber="+number;
			}
	    }	
	        
</script>
</html>



